<template>
    <view class="fixed-btn">
        <u-image :src="proxy.$icon.write" width="96rpx" height="96rpx" @click="isShow = true"></u-image>
        <u-popup v-model="isShow" mode="top">
			<u-grid :col="4" :border="false">
                <u-grid-item v-for="(item,index) in menu" :key="index" @click="proxy.$util.gotoPage(item.url)">
                    <u-image :src="item.icon" width="96rpx" height="96rpx"></u-image>
                    <view class="grid-text">{{ item.name }}</view>
                </u-grid-item>
            </u-grid>
		</u-popup>
    </view>
</template>
<script setup lang="ts">
const {proxy} = getCurrentInstance() as ComponentInternalInstance;
let isShow = ref(false);
let menu = reactive([
    {name: '笔记', icon: proxy.$icon.note, url: '/packageB/creation/selectActivity'},
    {name: '推书', icon: proxy.$icon.book, url: '/packageB/creation/book'},
    {name: '文章', icon: proxy.$icon.article, url: '/packageB/creation/article'},
    {name: '草稿箱', icon: proxy.$icon.draft2, url: '/packageB/creation/draft'}
])
</script>
<style lange="scss" scoped>
.fixed-btn{
    position: fixed;right:30rpx;bottom:calc(160rpx + var(--safe-area-inset-bottom));
}
</style>